<html>
<head>
    <script>
        (function() {
            if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)) {
                var msViewportStyle = document.createElement("style");
                msViewportStyle.appendChild(
                        document.createTextNode("@-ms-viewport{width:auto!important}")
                );
                document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
            }
        })();
    </script>

    <title>HealthMagic Box</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 	
    <link rel="stylesheet" type="text/css" href="css/af.ui.css" title="default" />
    <link rel="stylesheet" type="text/css" href="css/icons.css" />
<!--
    <link rel="stylesheet" type="text/css" href="css/main.css"  />
    <link rel="stylesheet" type="text/css" href="css/appframework.css"  />
    <link rel="stylesheet" type="text/css" href="css/lists.css"  />
    <link rel="stylesheet" type="text/css" href="css/forms.css"  />
    <link rel="stylesheet" type="text/css" href="css/buttons.css"  />
    <link rel="stylesheet" type="text/css" href="css/badges.css"  />
    <link rel="stylesheet" type="text/css" href="css/grid.css"  />

    <link rel="stylesheet" type="text/css" href="css/android.css"  />
    <link rel="stylesheet" type="text/css" href="css/win8.css"  />
    <link rel="stylesheet" type="text/css" href="css/bb.css"  />
    <link rel="stylesheet" type="text/css" href="css/ios.css"  />
    <link rel="stylesheet" type="text/css" href="css/ios7.css"  />
    <link rel="stylesheet" type="text/css" href="css/tizen.css" />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.actionsheet.css"  />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.popup.css"  />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.scroller.css"  />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.selectBox.css"  />-->
    <style type="text/css">
        body,td,th {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
    </style>

    <!-- uncomment for intel.xdk apps
    <script type="text/javascript" charset="utf-8" src="intelxdk.js"></script>
    <script type="text/javascript" charset="utf-8" src="xhr.js"></script>
    -->
    
    <script type="text/javascript" charset="utf-8" src="plugins/jquery-2.0.3.js"></script>
    <script type="text/javascript" charset="utf-8" src="plugins/af.ui.jquery.js"></script>
    
    <!--
    <script type="text/javascript" charset="utf-8" src="appframework.js"></script>
    -->
    <!-- include af.desktopBrowsers.js on desktop browsers only -->
    <script>
        function loadedPanel(what) {
            //We are going to set the badge as the number of li elements inside the target
            $.ui.updateBadge("#aflink", $("#af").find("li").length);
        }


        function unloadedPanel(what) {
            console.log("unloaded " + what.id);
        }

        if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
            var script = document.createElement("script");
            script.src = "plugins/af.desktopBrowsers.js";
            var tag = $("head").append(script);
            //$.os.desktop=true;
        }

        //  $.feat.nativeTouchScroll=true;

    </script>
   <!--
    <script type="text/javascript" charset="utf-8" src="./plugins/af.actionsheet.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.css3animate.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.passwordBox.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.scroller.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.selectBox.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.touchEvents.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.touchLayer.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>
    
  
    <script type="text/javascript" charset="utf-8" src="./ui/appframework.ui.js"></script>
   
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/fade.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/flip.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/pop.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/slide.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideDown.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideUp.js"></script>
   -->

    <script type="text/javascript">
        /* This function runs once the page is loaded, but intel.xdk is not yet active */
        //$.ui.animateHeaders=false;
        var search=document.location.search.toLowerCase().replace("?","");
        //if(!search)
        $.ui.useOSThemes=true;
        if(search.length>0) //Android fix has too many buggy issues on iOS - can't preview with $.os.android
        {

            $.ui.useOSThemes=true;
            if(search=="win8")
                $.os.ie=true;
            $.ui.ready(function(){
                $("#afui").get(0).className=search;
            });
        }

        var webRoot = "./";
        // $.os.android=true;
        //$.ui.autoLaunch = false;
        $.ui.openLinksNewTab = false;
        $.ui.splitview=false;


        $(document).ready(function(){
            // $.ui.launch();

        });

        /* This code is used to run as soon as intel.xdk activates */
        var onDeviceReady = function () {
            intel.xdk.device.setRotateOrientation("portrait");
            intel.xdk.device.setAutoRotate(false);
            webRoot = intel.xdk.webRoot + "";
            //hide splash screen
            intel.xdk.device.hideSplashScreen();
            $.ui.blockPageScroll(); //block the page from scrolling at the header/footer
        };
        document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);

        function showHide(obj, objToHide) {
            var el = $("#" + objToHide)[0];

            if (obj.className == "expanded") {
                obj.className = "collapsed";
            } else {
                obj.className = "expanded";
            }
            $(el).toggle();

        }


        if($.os.android||$.os.ie||search=="android"){
            $.ui.ready(function(){
                $("#main .list").append("<li><a id='toggleAndroidTheme'>Toggle Theme Color</a></li>");
                var $el=$("#afui");
                $("#toggleAndroidTheme").bind("click",function(e){
                    if($el.hasClass("light"))
                        $el.removeClass("light");
                    else
                        $el.addClass("light");
                });
            });
        }
        function MM_jumpMenu(targ,selObj,restore){ //v3.0
            eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
            if (restore) selObj.selectedIndex=0;
        }
    </script>
</head>
<body>
<div id="afui">
    <div id="header">
        <a id='menubadge' onclick='af.ui.toggleSideMenu()' class='menuButton'></a>
    </div>
    <div id="content">
        <div title='Home' id="home" class="panel" selected="true" data-tab="xz_home">
             <div title="健康宝盒"   >
                <input type="hidden"  id="islonin" value="false" />
                <div class="formGroupHead">用户名</div>
                <input type='text' id="txtusername" class='af-ui-forms' placeholder="Enter your user" style="background-color:Black; color: White; ">
                <div class="formGroupHead">密码</div>
                <input type='password' id="txtpassword" class='af-ui-forms' placeholder="Enter your pwd" style="background-color:Black; color: White;"><br />
                <div>
                    <label>
                        记住密码</label><input id="recordPwd" type="checkbox" name="recordPwd"  class="toggle" checked="checked"><label
                        for="recordPwd" data-on="是" data-off="否"><span></span></label><br />
                    <label>
                        自动登陆</label><input id="autologin" type="checkbox" name="autologin" class="toggle"><label
                        for="autologin" data-on="是" data-off="否"><span></span></label>
                </div>
                <br />
                <a class="button block" id="btnLogin">登陆</a>
             </div>
        </div>

    </div>
</div>
<script type="text/javascript" src="js/Core/Core.js"></script>
<script type="text/javascript" src="js/Util/Util.js"></script>
<script type="text/javascript" src="js/Core/SQLProvider.js"></script>
<script type="text/javascript" src="js/Core/PersonProfileTable.js"></script>
<script type="text/javascript" src="js/Core/UserToPersonTable.js"></script>
<script type="text/javascript" src="js/Core/HealthInputDataTable.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script>
    (function(){
        $N.databaseSet.PersonProfileTable.init();
        $N.databaseSet.UserToPersonTable.init();
        $N.databaseSet.HealthInputDataTable.init();
    }());
</script>
</body>
</html>
